import React, { Component } from 'react';
import ReactDOM from "react-dom";
import {
    BrowserRouter as Router,
    Route,
    Link
} from 'react-router-dom'; 

import "./../css/index.css";
import Search from"./search.js";
import Banner from'./banner.js';
import { SearchBar, Button, WhiteSpace, WingBlank } from 'antd-mobile';
import Menus from'./menu1.js';
class Index extends Component{
    constructor(props){
        super(props)
        this.click=this.click.bind(this);
    }
    click(){
        // console.log('成功')
        
    }
    render(){
        return <div className="nav-box">
                {/* <div>
                    旅行记
                    <SearchBar
                        // value={this.state.value}
                        placeholder="Search"
                        onSubmit={value => console.log(value, 'onSubmit')}
                        onClear={value => console.log(value, 'onClear')}
                        onFocus={() => console.log('onFocus')}
                         onBlur={() => console.log('onBlur')}
                        onCancel={() => console.log('onCancel')}
                        showCancelButton
                        onChange={this.onChange}
                    />
                </div> */}
                <div className="nav-pass">
                    <div className="nav-content">
                        <Link to="/button">
                            <p className="index-close" onClick={this.click}>
                                <span className="first-close"></span>
                                <span className="last-close"></span>
                            </p>
                        </Link>
                        <i>您好！</i>
                        <p className="Where-go"><Link to="/search">想去哪？</Link></p>
                        <span className='login'><Link to='/login'>登录</Link></span>
                    </div>
                </div>
                    <Banner/> 
                    <Menus/>
                </div>
       
    }
}
export default Index